<style scoped>
.contents{background-color: #fafafa;padding-top: 20px;}
.contents::after{content: "";display: block;clear: both;}
.container{width: 1280px;margin: 0 auto;padding-bottom: 20px;}
.container::after{content: "";display: block;clear: both;}
.left-container{width: 216px;background-color: #fff;float: left;min-height: 800px;border: 1px solid #ddd;border-radius: 2px;}
.right-container{width: 1050px;background-color: #fff;float: right;min-height: 800px;border: 1px solid #ddd;border-radius: 2px;}
.left-header{background-color: #0557ae;text-align: center;color: #fff;height: 40px;line-height: 40px;border-bottom: 2px solid #f59723;border-top-left-radius: 2px;border-top-right-radius: 2px;}
.left-container ul{margin: 0 10px;}
.left-container ul li{padding:10px;}
/* -- */
/* 新增或修改的 CSS 样式 */
/* 新增或修改的 CSS 样式 */
.policy-content {
  background-color: #f5f5f5;
  padding: 2rem;
  border-radius: 0.25rem;
}

.titlename {
  text-align: center;
  margin-bottom: 1rem;
  color: #333;
  font-size: 2rem;
  font-weight: bold;
}

.pdiv {
  background-color: white;
  border-radius: 0.25rem;
  padding: 2rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  height: 670px;
}

.policy-text {
  /* 保持现有样式 */
  text-align: center;
  margin-bottom: 1rem;
}

.policy-sections {
  margin-top: 1rem;
}

.policy-section {
  margin-bottom: 2rem;
}

.policy-section h4 {
  margin-bottom: 1rem;
  color: #333;
  font-size: 1.5rem;
  font-weight: bold;
}

.policy-section p {
  color: #666;
  font-size: 1rem;
  line-height: 1.5;
}
</style>

<template>
  <div>
    <div class="contents"> 
   <div class="container clearfix"> 
    <div class="left-container"> 
     <div class="left-header">
      服务列表
     </div> 
     <ul style="list-style-type: none; text-decoration: none; text-align: left; "> 
      <li><a style="text-decoration: none; color: #0A7BBB; transition: color 0.2s ease-in-out;" href="#"  onclick="">保险政策</a></li> 
      <li><a style="text-decoration: none; color: #0A7BBB; transition: color 0.2s ease-in-out;" href="#" onclick="">养老保险</a></li> 
      <li><a style="text-decoration: none; color: #0A7BBB; transition: color 0.2s ease-in-out;" href="#" onclick="">社保局信息</a></li>
      <li><a style="text-decoration: none; color: #0A7BBB; transition: color 0.2s ease-in-out;" href="#" onclick="">保险信息转移</a></li>
      <li><a style="text-decoration: none; color: #0A7BBB; transition: color 0.2s ease-in-out;" href="#" onclick="">公司保险</a></li> 
      <li><a style="text-decoration: none; color: #0A7BBB; transition: color 0.2s ease-in-out;" href="#" onclick="">我的保险</a></li> 
     </ul> 
    </div> 
    <div class="right-container" style="margin:10px, 20%"><!--10px, 20% -->
     <!--引入开始--> 
     <div class="policy-content" >
          <h3 id="policy-title" class="titlename">中国养老政策概览</h3>
            <div class="pdiv">
              <div class="policy-text" style="display:none;" data-coumwidth="470px"></div>
                <p id="service_content" style="text-align:justify;">
                  <strong>一、基本养老保险制度</strong><br>
                  中国政府实行多层次的养老保险体系，主要包括基本养老保险、企业年金和个人储蓄性养老保险。基本养老保险是国家强制实施的社会保险制度，旨在保障退休人员的基本生活。
                
                  <br><br>
                  <strong>二、基本养老金待遇</strong><br>
                  参加基本养老保险的个人，达到法定退休年龄并累计缴费满15年的，可以按月领取基本养老金。基本养老金由基础养老金和个人账户养老金组成，具体数额根据缴费年限、缴费基数、当地平均工资等因素确定。
                
                  <br><br>
                  <strong>三、企业年金与个人储蓄性养老保险</strong><br>
                  企业年金是由企业自愿建立、为职工提供补充养老保险的一种方式。个人储蓄性养老保险则是个人自愿参加、通过购买商业养老保险产品等方式积累养老资金。这两类养老保险可进一步提高退休后的生活水平。
                
                  <br><br>
                  <strong>四、政策改革与发展趋势</strong><br>
                  随着人口老龄化加剧，中国政府持续推动养老保险制度改革，包括提高基本养老金待遇水平、扩大覆盖面、完善多层次养老保险体系等措施。未来，将进一步鼓励企业年金和个人储蓄性养老保险发展，构建更加公平、可持续的养老保障体系。
                
                  <!-- 其他政策内容... -->
                </p>
              </div>
            </div>
    </div> 
   </div> 
  </div> 
  </div>
</template>

<script setup>

</script>
